@charset "utf-8";

.zone {
	height: calc(100vh - 47px);
	padding: 47px 0 0;
	position: relative;
	background-color: #103C63;
}

.main {
	position: relative;
	line-height: 14px;
	margin: 5px;
}

.tab-option {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3px !important;
}

.team li {
	position: relative;
	/* width: 49%; */
	/* background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/task/45.png);
	background-size: 100% 100%; */
	width: 108px;
	height: 38px;
	/* padding: 11px 0; */
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, #39597B 0%, #4A6D94 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px 2px 1px 0px #6382AD, 0px 3px 1px 0px rgba(49,81,123,0.66), 2px 0px 1px 0px rgba(44,68,111,0.66), -1px 0px 1px 0px rgba(44,68,111,0.66);
	border-radius: 3px;
	font-size: 17px;
	color: #8CE3FF;
	line-height: 38px;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	/* text-shadow: 1px 1px 1px #14326F, 1px -1px 1px #14326F, -1px 1px 1px #14326F, -1px -1px 1px #14326F; */
}

.team .option-active {
	/* background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/task/23.png); */
	color: #F9E458;
	background: linear-gradient(0deg, #5080BF 0%, #6DA6EE 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px 2px 1px 0px #A9DCFF, 0px 3px 1px 0px rgba(74,133,227,0.66), -1px 0px 1px 0px rgba(63,109,183,0.85), 2px 0px 1px 0px rgba(63,109,183,0.85);
	border-radius: 3px;
}

.team .content {
	display: none;
}

.team .content-show {
	display: block;
}

.titBox {
	display: flex;
	align-items: center;
	background-color: #6391CD;
	padding: 8px 0;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
}
.titBox p {
	width: 25%;
	text-align: center;
}
.listin {
	/* background-color: #9DC3E6; */
	/* padding: 0 2px; */
}
.content {
	background: #F7EFDE;
	border: 2px solid #779CBD;
	height: calc(100vh - 102px);
	overflow: hidden;
	overflow-y: auto;
}
.listone {
	padding: 0 8px;
	margin-top: -7px;
}
.titbox {
	position: relative;
}
.titbox p {
	width: 100%;
	position: absolute;
	height: 36px;
	background: #CEBA9C;
}
.titbox img {
	position: relative;
	z-index: 9;
}
.titbox span {
	position: absolute;
	z-index: 99;
	bottom: 20%;
	left: 50%;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 27px;
	transform: translateX(-50%);
}
.listonein {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7EFDE;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 7px;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow:  0px 2px 1px 0px #BB8D67,0px -1px 1px 0px #FFFFFF;
	border-radius: 3px;
}
/* .listonein1 {
	background: linear-gradient(307deg, #FFFEC9 0%, #FFB3D1 100%);
	border-radius: 5px;
	border: 1px solid #DDB983;
}
.listonein2 {
	background: linear-gradient(307deg, #DBFFC9 0%, #B3EFFF 100%);
	border-radius: 5px;
	border: 1px solid #83B9DD;
}
.listonein3 {
	background: linear-gradient(307deg, #F3C9FF 0%, #B2FFEA 100%);
	border-radius: 5px;
	border: 1px solid #83B9DD;
} */
.left {
	display: flex;
	align-items: center;
}
.left img {
	width: 50px;
}
.rankimg {
	background: #FADD89;
	padding: 5px;
	margin-right: 10px;
}
.center1 {
	max-width: 73%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.center1 img {
	width: 40px;
	margin-right: 5px;
}
.center1 span, .center2, .chanzhi {
	font-size: 14px;
	color: #754C1C;
	line-height: 16px;
	text-align: center;
}
.chanzhi {
	display: flex;
	align-items: center;
}
.chanzhi img {
	width: 16px;
	margin-right: 3px;
}
.rankimg span {
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	background: #F5C55C;
	border-radius: 50%;
	font-weight: 700;
	text-shadow: 1px 1px 1px #BB8D67, 1px -1px 1px #BB8D67, -1px 1px 1px #BB8D67, -1px -1px 1px #BB8D67;
}
.rankimg2 {
	padding: 10px;
}
.guding {
	width: calc(100% - 46px);
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, #FAB972, #FFF2CB);
	border: 1px solid #8E2D07;
	border-radius: 9px 9px 0 0;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 23px;
}
.guding p {
	font-size: 17px;
	color: #F3281E;
	line-height: 20px;
}
.guding span {
	font-size: 15px;
	color: #78501F;
	line-height: 20px;
	display: block;
	max-width: 50%;
}

.more {
	padding: 12px 0 20px;
}
.empty {
	display: none;
	text-align: center;
}
.empty p {
	color: #ADA8A0;
	line-height: 90vh;
}
.more {
	padding: 12px 0 20px;
}
.empty {
	display: none;
	text-align: center;
}
.empty p {
	color: #ADA8A0;
	line-height: 90vh;
}
